<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--左边导航栏-->
<div th:fragment="leftNavigation(flag,active)">
    <aside class="lyear-layout-sidebar">

        <!-- logo -->
        <div id="logo" class="sidebar-header">
            <a href="/backStage.html"><img src="http://dd.ddandang.top/images/logo.png" title="NewBuds" alt="NewBuds" /></a>
        </div>
        <div class="lyear-layout-sidebar-scroll">

            <nav class="sidebar-main">
                <ul class="nav nav-drawer">
                    <li class="nav-item active"
                        th:class="${flag == 'index'?'nav-item active':'nav-item'}">
                     <a href="/backStage.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
                    <li class="nav-item nav-item-has-subnav"
                        th:class="${flag == 'employeeManage'?'nav-item nav-item-has-subnav open':'nav-item nav-item-has-subnav'}">
                        <a href="javascript:void(0)" class="function"><i class="mdi mdi-account-multiple"></i> 员工管理</a>
                        <ul class="nav nav-subnav">
                            <li th:class="${active== 'employeeList'?'active':''}"> <a class="menu" href="/employeeList">员工列表</a> </li>
                            <li th:class="${active== 'volunteerList'?'active':''}"> <a class="menu" href="/volunteerList">志愿者列表</a> </li>
                        </ul>
                    </li>
                    <li class="nav-item nav-item-has-subnav"
                        th:class="${flag == 'userManagement'?'nav-item nav-item-has-subnav open':'nav-item nav-item-has-subnav'}">
                        <a href="javascript:void(0)" class="function"><i class="mdi mdi-account-star"></i> 用户管理</a>
                        <ul class="nav nav-subnav">
                            <li th:class="${active== 'userList'?'active':''}"> <a class="menu" href="/userList">用户列表</a> </li>
                        </ul>
                    </li>
                    <li class="nav-item nav-item-has-subnav"
                        th:class="${flag == 'donationManagement'?'nav-item nav-item-has-subnav open':'nav-item nav-item-has-subnav'}">
                        <a href="javascript:void(0)" class="function"><i class="mdi mdi-library-books"></i> 捐赠管理</a>
                        <ul class="nav nav-subnav">
                            <li th:class="${active== 'donationList'?'active':''}"> <a class="menu" href="/donationList">捐赠列表</a> </li>
                            <li th:class="${active== 'donationRecord'?'active':''}"> <a class="menu" href="/donationRecord">捐赠记录</a> </li>
                            <li th:class="${active== 'discardedClothing'?'active':''}"> <a class="menu" href="/discardedClothing">废弃衣物</a> </li>
                            <li th:class="${active== 'distributionMaterials'?'active':''}">  <a class="menu" href="/distributionMaterials">分配物资</a> </li>
                        </ul>
                    </li>
                    <li class="nav-item nav-item-has-subnav"
                        th:class="${flag == 'DonationAreaManagement'?'nav-item nav-item-has-subnav open':'nav-item nav-item-has-subnav'}">
                        <a href="javascript:void(0)"><i class="mdi mdi-heart"></i> 捐赠地区管理</a>
                        <ul class="nav nav-subnav">
                            <li th:class="${active== 'addDonationArea'?'active':''}">  <a class="menu" href="/addDonationArea">增加捐赠区域</a> </li>
                        </ul>
                    </li>
                    <li class="nav-item nav-item-has-subnav"
                        th:class="${flag == 'RecyclingArea'?'nav-item nav-item-has-subnav open':'nav-item nav-item-has-subnav'}">
                        <a href="javascript:void(0)"><i class="mdi mdi-car-pickup"></i> 回收区域管理</a>
                        <ul class="nav nav-subnav">
                            <li th:class="${active== 'RecyclingAreaList'?'active':''}">  <a class="menu" href="/recyclingAreaList">区域列表</a> </li>
                            <li th:class="${active== 'addRecyclingArea'?'active':''}"> <a class="menu" href="/addRecyclingArea">增加区域</a> </li>
                        </ul>
                    </li>
                    <li class="nav-item nav-item-has-subnav"
                        th:class="${flag == 'RecyclingServices'?'nav-item nav-item-has-subnav open':'nav-item nav-item-has-subnav'}">
                        <a href="javascript:void(0)"><i class="mdi mdi-recycle"></i> 回收服务</a>
                        <ul class="nav nav-subnav">
                            <li th:class="${active== 'PersonnelAllotment'?'active':''}">  <a class="menu" href="/personnelAllotment">人员分配</a> </li>
                            <li th:class="${active== 'personnelStatus'?'active':''}"> <a class="menu" href="/personnelStatus">人员状态</a> </li>
                        </ul>
                    </li>
                    <li class="nav-item nav-item-has-subnav"
                        th:class="${flag == 'volunteerManage'?'nav-item nav-item-has-subnav open':'nav-item nav-item-has-subnav'}">
                        <a href="javascript:void(0)"><i class="mdi mdi-account-multiple-plus"></i> 志愿者审批</a>
                        <ul class="nav nav-subnav">
                            <li th:class="${active== 'volunteerApproval'?'active':''}"> <a class="menu" href="/volunteerApproval">申请列表</a> </li>
                        </ul>
                    </li>
                    <li class="nav-item nav-item-has-subnav"
                        th:class="${flag == 'shopManagement'?'nav-item nav-item-has-subnav open':'nav-item nav-item-has-subnav'}">
                        <a href="javascript:void(0)"><i class="mdi mdi-cart"></i> 商店管理</a>
                        <ul class="nav nav-subnav">
                            <li th:class="${active== 'shopList'?'active':''}"> <a class="menu" href="/shopList">商店浏览</a> </li>
                            <li th:class="${active== 'exchangeRecord'?'active':''}"> <a class="menu" href="/exchangeRecord">兑换记录</a> </li>
                        </ul>
                    </li>
                    <li class="nav-item nav-item-has-subnav"
                        th:class="${flag == 'processedRecords'?'nav-item nav-item-has-subnav open':'nav-item nav-item-has-subnav'}">
                        <a href="javascript:void(0)"><i class="mdi mdi-content-paste"></i> 已处理记录</a>
                        <ul class="nav nav-subnav">
                            <li th:class="${active== 'donatedRecords'?'active':''}"> <a class="menu" href="/donatedRecords">已捐赠记录</a> </li>
                            <li th:class="${active== 'clothingSalesRecord'?'active':''}"> <a class="menu" href="/clothingSalesRecord">衣物出售记录</a> </li>
                        </ul>
                    </li>
                </ul>
            </nav>

            <div class="sidebar-footer">
            </div>
        </div>

    </aside>
</div>

<!--头部信息-->
<div th:fragment="headerInformation(headerMessage)">
    <header class="lyear-layout-header">

        <nav class="navbar navbar-default">
            <div class="topbar">

                <div class="topbar-left">
                    <div class="lyear-aside-toggler">
                        <span class="lyear-toggler-bar"></span>
                        <span class="lyear-toggler-bar"></span>
                        <span class="lyear-toggler-bar"></span>
                    </div>
                    <span class="navbar-page-title" th:text="${headerMessage}">{{headerMessage}}</span>
                </div>

                <ul class="topbar-right">
                    <li class="dropdown dropdown-profile">
                        <a href="javascript:void(0)" data-toggle="dropdown">
                            <img id="headSculpture" class="img-avatar img-avatar-48 m-r-10" th:src="${session.img}" alt="" />
                            <span th:text="${session.admin.adminName}"><span class="caret"></span></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li> <a href="/information"><i class="mdi mdi-account"></i> 个人信息</a> </li>
                            <li class="divider"></li>
                            <li> <a href="/logout"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
                        </ul>
                    </li>
                </ul>

            </div>
        </nav>

    </header>
</div>




</body>
</html>